<template>
  <div class="layout">
    <div class="flex-top-show">
      <u-image width="100%" mode="aspectFit" height="500rpx" src="~@/static/swiper/oulaiya-1_top_show.jpg" alt=""></u-image>
      <!-- <hotzone :res="res"></hotzone> -->
    </div>
  </div>
</template>
<script>
import { modelNavigateTo } from "./tpl";
// import hotzone from "@/pages/tabbar/home/template/tpl_hot_zone.vue";

export default {
  title: "单行图片模块",
  components: {
    // hotzone,
  },
  data() {
    return {
      modelNavigateTo,
    };
  },
  props: ["res"],
};
</script>
<style lang="scss" scoped>
@import "./tpl.scss";
.flex-top-show {
  width: 100%;
  display: block;
  overflow: hidden;
  > img {
    width: 100%;
    height: 100%;
  }
}
</style>